<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="run()">暂停</button>
    <button onclick="state()">开始</button>
</body>
<script>
    //
    var cont = 0;
    var time = setInterval(function () {
        cont++;
        console.log("定时器被执行了", cont);
    }, 200);


    function run() {
        clearInterval(time); // 销毁一个定时器  参数是定时编码
    }

    function state() {
        // 生成一个新的定时器
        time = setInterval(function () {
            cont++;
            console.log("定时器被执行了222", cont);
        }, 200);
    }

    /* 
    setTimeout() 延时器   延迟执行一段代码  只执行一次

    参数1 是延迟执行的函数
    参数2 是延迟执行时间  单位毫秒
    返回值是延迟器编码

    */

    var time2 = setTimeout(function () {
        console.log("setTimeout被执行了");
    }, 1000);
    // 销毁一个延时器  参数是延迟器编码
    clearTimeout(time2);
</script>

</html>